<template>
  <div class="mainl">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column label="URL" prop="URL"/>
      <el-table-column label="请求方法" prop="METHOD"/>
      <el-table-column label="HOST" prop="METHOD"/>
      <el-table-column label="BODY" prop="BODY"/>
      .
      <el-table-column label="响应" prop="RESPONSE"/>
      <el-table-column label="状态码" prop="STATUSCODE"/>

    </el-table>
  </div>
</template>

<script>
import {GetApi} from '@/api/resultful'
import {ElMessage} from 'element-plus'

export default {
  data() {
    return {
      "tableData": [],
      "dialogVisible": false,
    }
  },
  mounted() {
    GetApi().then(
        (response) => {
          this.tableData = response.data
        }
    ).catch((error) => {
      ElMessage({
        type: 'error',
        message: error,
        showClose: true,
      })
    })
  },
  watch() {
  },
  methods: {},
}
</script>

<style scoped>
.dialog-footer button:first-child {
  margin-right: 10px;
}

.mainl {
  padding: 0 25px;;
}

.adde {
  padding-left: 20px;
}

.search {
  float: right;
  width: 200px;
  padding-bottom: 5px;
  padding-right: 8px;
}

</style>

<style>
.el-table__header {
  line-height: 20px;
  background-color: beige;
  padding: 0;
}
</style>